/**
 * Created by Tenny on 2018/5/8 10:18.
 */
import motion from './motion';

let $pages = document.getElementById('pages');

// 获取样式
function getStyle(el, property) {
  if(window.getComputedStyle) { // 标准
    return window.getComputedStyle(el, null).getPropertyValue(property);
  } else if(el.currentStyle) { // IE
    return el.currentStyle.getPropertyValue(property);
  }
}

let step = $pages.offsetWidth / 3;
/*
  最小移动距离,如果移动的距离, 超过最小距离，跳转到下一页, 否则回到本页
 */
let minMove = step / 5; // 最小移动距离

let index = 0;

let m = new motion({
  elem: $pages,
  property: 'translateX',
  touchEnd(ext, pi) {
    // 判断移动的距离
    if(Math.abs(pi.end - pi.start) >= minMove) { // 跳转到下一页
      if(pi.end < pi.start) { // 下一页
		if(index === 2) {
		  m.to(pi.current); // 回到初始
		} else { // 下一页
		  m.to(pi.current - step);
		  index++;
		}
      } else { // 上一页
	    if(index === 0) {
		  m.to(pi.current); // 回到初始
		} else {
		  m.to(pi.current + step); // 上一页
		  index--;
		}
      }
    } else { // 回到初始
      m.to(pi.current);
    }
  }
});